from dash import html
import dash_bootstrap_components as dbc
from server import app

home_page = html.Div(
    [
        html.P(
            [
                html.Span('欢迎来到基于'),
                html.Strong('Python Dash', style={'color': 'rgb(13, 103, 180)'}),
                html.Em(html.Sup('[1]', style={'fontSize': '16px'})),
                html.Span('编写的Dash基础教程, 作者：魔法小木瓜'),
                html.Em(html.Sup('[2]', style={'fontSize': '16px'})),
            ]
        ),
        html.P(
            [
                html.Hr(),
                html.Em('[1] '),
                html.Span('Dash是建立在Flask、Poltly及React基础上的Python框架, 我们可以通过编写纯Python代码的形式编写Web网页应用, '
                          'Dash可快速开发出交互式的数据可视化Web应用, 特别适合任何处理数据的人使用。'
                          'Dash不仅可以用来开发在线数据可视化作品, 即使是轻量级的数据仪表盘、BI应用, 甚至是搭建文档说明、博客或常规的网站。'
                          '配合丰富的第三方拓展, 只会Python也可以开发出相当精美正式的Web应用。'),
            ]
        ),
        html.P(
            [
                html.Br(),
                html.Em('[2] '),
                html.Span('欢迎关注我的百家号【魔法小木瓜】, 了解更多内容')
            ]
        ),
        html.Img(src=app.get_asset_url('img/百家号.png'), width=370, height=470), 
        # html.Img(src=app.get_asset_url('img/1.jpg'), width=370, height=470), 
    ]
)